@import "config.less";

html,body{width: 100%;}
body{display: none;}

.footer{
    height: 161px;background: url("/web/views/index-m/img/footer-bg.jpg") center top no-repeat;width: 100%;
}

@media (min-width: @sreen) {
    html{width: @sreen;margin: 0 auto;}
}

.box-explain{
    position: relative;text-align: center;background: url("/web/views/index-m/img/box-explain-bg.png");width: 587px;height: 550px;
    .tit{height: 47px;line-height: 44px;color: #fff;font-size: 28px;font-style: italic;padding-left: 10px;font-weight: bold;}
    .cont{
        &.text{line-height: 30px;text-align: left;font-size: 15px;padding-right: 10px;}
        height: 370px;line-height: 370px;overflow: auto;width: 500px;box-sizing: border-box;margin: 30px auto 0;
        img{display: inline-block;vertical-align: middle;}
    }
    .box-close-btn{position: absolute;bottom: 40px;left: 50%;margin-left: -68px;width: 136px;height: 33px;background-image: url("/web/views/index-m/img/box-btn.png");}
}